<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/register_and_login/register_and_login.css">

    <script src="js/register_and_login/wakeEachOther_LoginAndRegister.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/register_and_login/checkPasswordLength.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/register_and_login/login.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="modal-header">
        <!-- 关闭按钮的代号&times -->
        <!-- 加上data-dismiss就有关闭效果了!点&times或者页面其它地方就可以关闭按钮了! -->
        <button class="close" data-dismiss="modal">×</button>
        <p class="header_font">用户登录</p>
        <p class="des_font">以身为棋，胜天半子。 ---五彩世界</p>
    </div>
    <div class="modal-body">
        <form role="form" id="login_form">
            <div class="form-group">
                <div class="col-xs-2">
                    <label for="email" class="label_font">邮箱</label>
                </div>
                <div class="col-xs-8">
                    <!--type不能使用email，不然不能控制不能输入空格-->
                    <input type="text" class="form-control" id="email" name="email" placeholder="输入邮箱" onkeyup="javascript:checkEmailLeng(this);" onmousedown="javascript:checkEmailLeng(this);">
                </div>
            </div>
            <div class="clearfix"></div>
            <br><br>
            <div class="form-group">
                <div class="col-xs-2">
                    <label for="password" class="label_font">密码</label>
                </div>
                <div class="col-xs-8">
                    <input type="password" class="form-control" id="password" name="password" placeholder="输入密码：16位以下" onkeyup="javascript:checkPasswordLeng(this);" onmousedown="javascript:checkPasswordLeng(this);">
                </div>
            </div>
            <br><br><br>
        </form>
        <div class="row">
            <!--input 用disabled才有效所以从 button 变成 input-->
            <input class="col-xs-offset-4 btn-lg btn btn-primary" id="login" type="button" value="登录">&emsp;&emsp;
            <button class=" btn-lg btn btn-default" id="register">注册</button>
        </div>

    </div>
    <div class="modal-footer">
        &copy blog.mzywucai.club

    </div>
</body>
</html>